/** 自定义 Element Plus 样式 */

// 卡片
.el-card {
  background-color: var(--el-bg-color);
}

// 分页
.el-pagination {
  // 参考 Bootstrap 的响应式设计 WIDTH = 768
  @media screen and (max-width: 768px) {
    .el-pagination__total,
    .el-pagination__sizes,
    .el-pagination__jump,
    .btn-prev,
    .btn-next {
      display: none !important;
    }
  }
}

.el-message-box {
  padding-bottom: 0;

  .el-message-box__title {
    height: 24px;
    font-size: 18px;
    font-family: " MicrosoftYaHei-Bold", "MicrosoftYaHei";
    font-weight: bold;
    color: #333;
    line-height: 24px;
  }

  .el-icon.el-message-box__close {
    font-size: 22px;
    color: #80898f;
  }

  .el-message-box__content {
    padding: 0;
  }

  .el-message-box__message {
    padding: 50px 0;
    text-align: center;
    // height: 21px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #000000;
    line-height: 21px;
  }

  .el-message-box__btns {
    display: flex;

    padding: 0;
    background-color: #fff;
    margin-bottom: 20px;

    .el-button {
      height: 100%;
      border-radius: 5px;
      margin: 0 20px;
      width: 105px;
      height: 35px;
      &.el-button--primary {
        background-color: #3970fb;
        margin-left: 0;
      }
      &:focus-visible {
        outline: none;
      }

      &:last-child {
        height: 100%;
        border-radius: 5px;
        border: none;
        margin: 0 20px;
        background: rgba(57, 112, 251, 0.65);
        width: 105px;
        height: 35px;
        color: #fff;
        &.el-button--primary {
          background-color: #3970fb;
          margin-left: 0;
        }
        &:focus-visible {
          outline: none;
        }
      }
    }
  }

  .clear-all-tips {
    margin-bottom: 30px;
  }
}
